<template>
	<view class="index">
		<view class="navbar u-rela">
			<sdc-navbar
				background="rgba(255,255,255,0.3)"
				:title="item.title"
				:borderBottom="false"
			>
				<view slot="right" class="share-icon">
					<u-icon name="share"></u-icon>
				</view>
			</sdc-navbar>
		</view>
		<view class="swiper u-abso">
			<u-swiper
				:list="item.desc_images_cdn"
				border-radius="0"
				img-mode="widthFix"
				height="430"
				mode="dot"
			></u-swiper>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: {}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.index{
		margin-bottom: 343upx;
		.navbar{
			.share-icon{
				font-size: 40upx;
				padding: 0 $uni-spacing-row-base;
			}
		}
		.swiper{
			top: 0;
			left: 0;
			right: 0;
		}
	}
</style>
